<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>添加小说</title>
  <link href="css/base.css">
  <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script src="js/add.js"></script>
</head>
<body>
<div class="container">
  <div class="row panel panel-default">
    <div class="panel-heading">
      <h2 class="h2 panel-title">添加小说</h2>
    </div>
    <form role="form" class="form panel-body col-md-4">
      <div class="form-group">
        <label for="novel-classes">分类：</label>
        <select id="novel-classes"  class="form-control">
            <option>军事</option>
          <option>玄幻</option>
          <option>科幻</option>
        </select>
      </div>

      <div class="form-group">
        <label for="id">小说编号：</label>
        <input  type="text" name="id" id="id" class="addNovel form-control" placeholder="请输入小说编号" />
      </div>
      <div class="form-group">
        <label for="name">书名：</label>
        <input  type="text"  name="name" id="name" class="addNovel form-control" placeholder="请输入书名" />
      </div>
      <div class="form-group">
        <label for="author">作者：</label>
        <input  type="text"   name="author" id="author" class="addNovel form-control " placeholder="请输入作者名" />
      </div>
      <div class="form-group">
        <label for="chap">章节数：</label>
        <input  type="text"  name="chapter-count" id="chap" class="addNovel form-control " placeholder="请输入章节数" />
      </div>
      <div class="form-group">
        <label for="desc">描述：</label>
        <textarea style="height: 100px" name="desc" id="desc" class="addNovel form-control" placeholder="请输入描述" ></textarea>
      </div>
      <div class="form-group">
        <button type="button" disabled class="btn btn-primary" id="btnAdd"/>提交</button>
        <span class="text-danger info"></span>
      </div>
    </form>
    <div class="col-md-8">
      <img src="images/gif.gif" width="100%" height="100%">
    </div>
  </div>
</div>
</body>
</html>